<template>
    <h2>不可见</h2>
    <div class="tw:grid tw:grid-cols-3 tw:gap-4">
        <div class="tw:w-16 tw:h-8 tw:bg-blue-400 tw:rounded tw:flex tw:justify-center tw:items-center">01</div>
        <div class="tw:invisible tw:w-16 tw:h-8 tw:bg-blue-400 tw:rounded tw:flex tw:justify-center tw:items-center">02</div>
        <div class="tw:w-16 tw:h-8 tw:bg-blue-400 tw:rounded tw:flex tw:justify-center tw:items-center">03</div>
    </div>
    <h2>折叠</h2>
    <table>
        <thead>
            <tr>
                <td>发票编号</td>
                <td>客户</td>
                <td>金客</td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>#100</td>
                <td>吊坠出版</td>
                <td>$2,000.00</td>
            </tr>
            <tr class="tw:collapse">
                <td>#200</td>
                <td>吊坠出版</td>
                <td>$2,000.00</td>
            </tr>
            <tr>
                <td>#300</td>
                <td>吊坠出版</td>
                <td>$2,000.00</td>
            </tr>
        </tbody>
    </table>
</template>